.rd-editor-container {
  .rd-editor-view-editor-content {
    .side-bar {
      width: 30px;
      background-color: var(--content-side-bar-bg-color);

      .side-actions-container {
        .side-actions-item {
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          cursor: pointer;
          border-left: 2px solid rgba(0, 0, 0, 0);
          border-right: 2px solid rgba(0, 0, 0, 0);

          i {
            font-size: 16px;
          }
        }

        .side-actions-item:hover,
        .side-actions-item.selected {
          color: var(--content-side-actions-item-font-hover-color);
        }

        .side-actions-item.selected {
          border-left-color: var(--content-side-actions-item-border-selected-color);
        }
      }
    }
  }
}
